<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>有人智造-经营驾驶舱</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <!--    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.esm.min.js"></script>-->
    <link rel="icon" href="/static/img/logo.png" type="image/x-icon"> <!-- 链接到favicon.ico文件 -->
    <style>
        .body{
            width: 100%;
            height: 1200px;
            /*background-color: #f5f7fa;*/
            font-size: 25px;
            background: linear-gradient(to bottom right, blue, pink);
            background-image: url("/static/img/017d6a5c513b9ca801213f26c6f65d.png@2o.png");
            background-size: cover;
        }
        h3{
            border-radius: 20px 20px 0 0;
            padding-left: 20px;
        }
        h1{
            width: 30%;
            margin: 0 auto;
            color: white;
            background: linear-gradient(-45deg, transparent 34px, #134194 0) right,
            linear-gradient(45deg, transparent 34px, #134194 0) left;
            background-size: 50% 100%;
            background-repeat: no-repeat;
            margin-bottom: 20px;
        }
        table th:nth-child(odd){
            background-color: #2bb9ba;
            color: white;
        }
        table th:nth-child(even){
            background-color:#134094;
            color: white;
        }
        table tr:nth-child(odd){
            background-color: #7DC4CC;
            color: white;
        }

        .table1 tr th{
            padding: 0;
            text-align: center;
        }
        .table1 tr td{
            padding: 0;
        }
        .main1{
            width: 100%;
            height: 460px;
            background-color: #7bd4ce;
        }
        .return{
            position: fixed;
            top: 10px;
            left:10px;
            width: 50px;
            height: 50px;
        }
    </style>
</head>
<body class="body">
<div class="main" >
    <img src="/static/img/return.png" alt="返回总控台" class="return">
    <h1 style="text-align: center ">经营驾驶舱</h1>
    <div class="main">
        <div class="main1">
            <table class="table table1" style="margin-bottom: -3px">
                <tr style="text-align: center;">
                    <th width="40px" style="padding: 0;font-size: 20px">序号</th>
                    <th width="150px">生产订单编号</th>
                    <th width="200px">制令单号</th>
                    <th width="150px">状态</th>
                    <th width="150px">上线时间</th>
                    <th width="350px">完结周期</th>
                    <th width="350px">上线前准备周期</th>
                </tr>
            </table>
                    <table class="table table1">
                        {foreach $data as $k=>$v}
                        <tr style="text-align: center ;">
                            <td width="40px" style="font-size: 20px;padding: 0">{$k+1}</td>
                            <td width="150px">{$v['PROJECT_NO']}</td>
                            <td width="200px">{$v['MO_DOC']}</td>
                            <td width="150px">{:$v['STATUS']}</td>
                            <td width="150px">{$v['ACTUAL_ONLINE_TIME']}</td>
                            {if $v['ACTUAL_END_TIME']!=''}
                            <td width="350px">{$v['CREATE_TIME']}~{$v['ACTUAL_END_TIME']}</td>
                            {else}
                            <td width="350px">{$v['ACTUAL_START_TIME']}~{$v['CLOSE_TIME']}</td>
                            {/if}
                            {if $v['ACTUAL_ONLINE_TIME']==''}
                            <td width="350px">{$v['CREATE_TIME']}~{$v['ACTUAL_ONLINE_TIME']}</td>
                            {else}
                            <td width="350px">{$v['CREATE_TIME']}~{$v['PLAN_START_TIME']}</td>
                            {/if}
                        </tr>
                        {/foreach}
                    </table>
        </div>
    </div>
</div>
</body>
<script>
    $(".return").click(function (){
        window.history.back();
    })
</script>
</html>